<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>BIBO币伯钱包官方网站 | 使用帮助</title>
	<link rel="shortcut icon" href="__CDN__/assets/img/bibo.ico" type="image/x-icon">
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/usinghelp.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle = "collapse"  data-target="#navbar">

			</button>
			<a class="navbar-brand">
				<img class="hidden-xs logo1" src="__CDN__/assets/img/helper/logo_1.png"/>
				<img class="visible-xs" src="__CDN__/assets/img/helper/logo_1.png"/>
			</a>
		</div>
		<div id="navbar"  class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li><a href="{:url('index/index')}">{:__('Home')}</a></li>
				<li><a href="../../home/index/index#main">{:__('Function')}</a></li>
				<li><a href="../../home/index/index#inst">{:__('Enter')}</a></li>
				<li><a href="javascript:void(0);">{:__('Helper')}</a></li>
			</ul>
		</div>
		<div class="hidden-xs downLoad downloadBc"><a href="index.html">Download APP</a></div>
		<div class="cutLan">
			<span><?php if($config['language']=='zh-cn'){echo "中文";}elseif($config['language']=='en'){echo "EN";} ?></span>
			<img class="selectLan hidden-xs" src="__CDN__/assets/img/helper/arrow_2.png" alt="" />
			<img class="selectLan visible-xs" src="__CDN__/assets/img/helper/mobile/VectorSmartObject.png" alt="" />
		</div>
	</div>
</nav>
<!--<div class="lan">-->
	<!--<div><a href="javascript:void(0);">EN</a></div>-->
	<!--<div><a href="javascript:void(0);">中文</a></div>-->
<!--</div>-->
<div class="main">
	<div class="container-fluid main_title hidden-xs">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 title">
				<h2>使用帮助</h2>
			</div>
			<!--<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 search">
                <input type="text" value="" placeholder="请输入搜索内容"/>
                <img src="__CDN__/assets/img/helper/help_seek_icon.png"/>
            </div>-->
		</div>
	</div>
	<div class="container-fluid main_body">
		<div class="select visible-xs">
			<span class="selectText">使用帮助</span>
			<img src="__CDN__/assets/img/helper/move_memu_icon.png"/>
		</div>
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-3 listBox">
				<dl>
					{volist name="list" id="vo" key="k" }
					    {if condition="$vo.children neq ''"}
					        <dt class="dt{$key+1}" style="cursor: pointer;"><span>{$vo.name}</span><img class="hidden-xs" src="__CDN__/assets/img/helper/help_menu_icon2_up.png"/><img class="visible-xs" src="__CDN__/assets/img/helper/help_menu_icon1_down.png"/></dt>
					            <dd class="dd{$key+1}">
						            {volist  name="vo['children']" id="item"}
									    {if condition="$item.id eq 4"}
									    <span class="no-method" style="cursor: pointer;background-color: rgb(53, 127, 250);color: rgb(255, 255, 255);" data-id="{$item.id}">{$item['name']}</span>
									    {else /}
									    <span class="no-method" style="cursor: pointer;" data-id="{$item.id}">{$item['name']}</span>
									    {/if}
									{/volist}
								</dd>
						{else /}
							<dt class="dt{$key+1} no-method" data-id="{$vo.id}" style="cursor: pointer;"><span>{$vo.name}</span></dt>
						{/if}
					{/volist}
				</dl>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-9 list_M">
				<h3 class="listMsg-title">{$defaultData.title}</h3>
				<!--动态添加显示内容-->
				<div class="listMsg">
					{$defaultData.content}
				</div>
			</div>
		</div>
	</div>
</div>
<footer>
	<div class="footer">
		<!--<div class="container-fluid">-->
		<!--<div class="row">-->
		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 address">2018© bibowallet.com</div>
		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 link">
			<a href="https://twitter.com/bibowallet" target="_blank"><img src="__CDN__/assets/img/helper/icon-footer-01-twitter.png" alt="" /></a>
			<a href="https://www.facebook.com/people/Bibo-Wallet/100027330286737" target="_blank"><img class="fff" src="__CDN__/assets/img/helper/icon-footer-02-facebook.png" alt="" /></a>
			<a href="https://0.plus/bibowallet" target="_blank"><img src="__CDN__/assets/img/helper/icon-footer-03-telegram.png" alt="" /></a>
			<a href="https://medium.com/@bibowallet" target="_blank"><img src="__CDN__/assets/img/helper/icon-footer-04-medium.png" alt="" /></a>
			<a href="https://github.com/bibowallet" target="_blank"><img src="__CDN__/assets/img/helper/icon-footer-05-github.png" alt="" /></a>
			<a href="http://weibo.com/bibowallet" target="_blank"><img src="__CDN__/assets/img/helper/icon-footer-06-microblog.png" alt="" /></a>
		</div>
		<!--</div>-->
		<!--</div>-->
	</div>
</footer>
</body>
</html>
<script type="text/javascript">
    //适配移动端
    function resize() {
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth < 240) deviceWidth = 240;
        document.documentElement.style.cssText = 'font-size:' + (deviceWidth / 15) + 'px!important';
    }
    window.addEventListener('resize', resize);
    resize();
		
	function display(){
		if($(window).width() <= 750){
			$('.listBox').css('display','none')
		}
	}display();
	
	$(document).ready(function(){
		//判断是手机还是pc端
		if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
			//基础教程下拉单 内容
		    $('.dd1 span').on('click',function(){
		    	 $('.dt1 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png')
		    	 //关闭下拉单  并让下拉单isBegin4 = false;
		    	 $('.listBox').slideUp(250);
		    	 isBegin4 = false;
		    })
		    
		   	//常见问题下拉单 内容
		    $('.dd2 span').on('click',function(){
		    	 $('.dt2 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png')
		    	 //关闭下拉单  并让下拉单isBegin4 = false;
		    	 $('.listBox').slideUp(250);
		    	 isBegin4 = false;
		    })
		}
	});
	
	
	//头部菜单按钮
    var isBegin = false;
    $('.navbar-header button').click(function(){
        if(isBegin == false){
            $('.navbar-header button').css({
                width:"0.76rem",
                height:"0.76rem",
                top:"0.74rem",
                backgroundImage:'url(__CDN__/assets/img/helper/mobile/xz4.png)',
                backgroundSize:"90%90%",
                backgroundPosition:"center",
                backgroundColor: '#ffffff'
            });
            $('#navbar').slideDown(250);
        }else{
            $('.navbar-header button').css({
                width:"0.76rem",
                height:"0.58rem",
                top:"0.83rem",
                backgroundImage:'url(__CDN__/assets/img/helper/mobile/icon_nav.png)',
                backgroundSize:"90%90%",
                backgroundPosition:"center",
                backgroundColor: '#ffffff'
            });
            $('#navbar').slideUp(250)
        }
        isBegin = !isBegin
    });
	
	//中英文切换按钮
    $('.cutLan').click(function(){
        //取消事件冒泡
        event.stopPropagation();
        $('.lan').slideToggle(250);
    });
    
    //点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。
    $(document).click(function(event){
        var _con = $('.lan');  // 设置目标区域
        if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
            //$('#divTop').slideUp('slow');  //滑动消失
            $('.lan').slideUp(250);   //淡出消失
        }
    });
	
	
//  var isBegin2 = false;
//  var bodyH = $('body').height();
//  $('.method').click(function(){
//      $('.ol').slideToggle(250);
//      var windowH = $(window).height();
//      var windowW = $(window).width();
//      var bodyW = $('body').width();
//      if(isBegin2 == false){
//          $('footer').css({
//              "position":"static"
//          })
//      }else{
//          if(bodyW <= 750){
//              if (bodyH <= windowH) {
//                  $('footer').css({
//                      "position":"fixed",
//                      "bottom": "0"
//                  })
//              }else{
//                  $('footer').css({
//                      "position":"static"
//                  })
//              }
//          }else{
//              $('footer').css({
//                  "position":"static"
//              })
//          }
//      }
//      bodyH = $('body').height();
//      isBegin2 = !isBegin2
//  });
	
	//pc端菜单  没有了
//  var isBegin3 = false;
//  $('ul>li').each(function(index,elem){
//      $(this).click(function(e){
//          var num = e.target.dataset.num;
//          $(this).siblings().removeClass('active');
//			//$(this).siblings().children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon.png')
//          $(this).addClass('active');
//			//$(this).children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon_checked.png')
//          $('ol>li').removeClass('active');
//          var text = $(this).text();
//          $('.selectText').html(text);
//          if(num == 1){
//              $('.listImg1').attr('src','__CDN__/assets/img/helper/help_menu_icon_checked.png');
//              $('.listImg2').attr('src','__CDN__/assets/img/helper/help_menu_icon.png');
//              $('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png')
//          }else if(num == 2){
//              $('.listImg1').attr('src','__CDN__/assets/img/helper/help_menu_icon.png');
//              $('.listImg2').attr('src','__CDN__/assets/img/helper/help_menu_icon_checked.png');
//              $('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png')
//          }else if(num == 3){
//              $('.listImg1').attr('src','__CDN__/assets/img/helper/help_menu_icon.png');
//              $('.listImg2').attr('src','__CDN__/assets/img/helper/help_menu_icon.png');
//				//$('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon1_up.png')
//              if(isBegin3 == false){
//                  $('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon1_up.png')
//              }else{
//                  $('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon2_down.png')
//              }
//              isBegin3 = !isBegin3
//          }
//      })
//  });
    
	//导航栏菜单  处理菜单的下拉问题
    var isBegin5 = false;
    $('.navbar-nav').each(function(index,elem){
        $(this).click(function(e){
            $('#navbar').slideUp(250);
            if(isBegin5 == false){
                $('.navbar-header button').css({
                    width:"0.76rem",
                    height:"0.58rem",
                    top:"0.83rem",
                    backgroundImage:'url(__CDN__/assets/img/helper/mobile/icon_nav.png)',
                    backgroundColor: '#ffffff'
                })

            }else{
                $('.navbar-header button').css({
                    width:"0.76rem",
                    height:"0.76rem",
                    top:"0.74rem",
                    backgroundImage:'url(__CDN__/assets/img/helper/mobile/xz4.png)',
                    backgroundColor: '#ffffff'
                })
            }
            isBegin = false;
        })
    });
	
	//没有了
//  $('ol>li').each(function(index,elem){
//      $(this).click(function(){
//          $(this).siblings().removeClass('active');
//          $(this).addClass('active');
//          $('ul>li').removeClass('active');
//          var text = $(this).text();
//          $('.selectText').html(text);
//          $('.listImg3').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png')
//      })
//  });
    
    //选择下拉单
    var isBegin4 = false;
    $('.select').click(function(){
        if(isBegin4 == false){
            $('.listBox').slideDown(250)
        }else{
            $('.listBox').slideUp(250);
        }
        isBegin4 = !isBegin4
    });
    
    //下拉单内容 点击渲染手册内容
    $('.no-method').click(function(e){
        var helper_center_id = $(this).data("id");
        var url = "{:url('helper/getMainContent')}";
        $.ajax(
            {
                url:url,
                type: "post",
                data:{helper_center_id:helper_center_id},
                success: function (data) {
                    var list = $.parseJSON(data);
                    if ( list['length'] != 0 ) {
                        var msg = list[0].content;
                        var title = list[0].title;
                        $('.listMsg-title').text(title);
                        $('.listMsg-title').css('display','block');
					}else {
                        $('.listMsg-title').css('display','none');
                        var msg =  '暂无数据';
					}
                    var divshow = $(".listMsg");
                    divshow.empty();
                    divshow.append(msg);
                }
            }
        );
        
        $(this).css('background-color','#357FFA');
        $(this).css('color','#FFFFFF');
        $(this).siblings().css('background-color','#FFFFFF');
        $(this).siblings().css('color','#666666');
        $(this).parent().siblings('dd').children('span').css('background-color','#FFFFFF');
        $(this).parent().siblings('dd').children('span').css('color','#666666');
        $(this).parent().siblings('dt').css('background-color','#FFFFFF');
        $(this).parent().siblings('dt').children('span').css('color','#666666');
        $(this).parent().children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png')
        $(this).parent().siblings('dt').children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png')
    });
    
    //基础教程下拉
    var cut1 = false;
    $('.dt1').on('click',function(){
    	$('.dd1').siblings('dd').slideUp(100)
    	$('.dd1').siblings('dt').children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png');
    	$('.dd1').slideToggle(100);
    	if(cut1 == false){
    		$('.dt1 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_down.png');
    	}else{
    		console.log('guan')
    		$('.dt1 img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_up.png');
    	}
    	cut1 = !cut1
    	cut2 = true;
    	
    	var text = $(this).text();
        $('.selectText').html(text);
    });
    //基础教程下拉单 内容
    $('.dd1 span').on('click',function(){
    	 $('.dt1 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png');
    	 
    	 var text = $(this).text();
        $('.selectText').html(text);
    })
    //常见问题
    var cut2 = false;
    $('.dt2').on('click',function(){
    	$('.dd2').siblings('dd').slideUp(100)
    	$('.dd2').siblings('dt').children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png');
    	$('.dd2').slideToggle(100);
    	if(cut2 == false){
    		$('.dt2 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_down.png');
    	}else{
    		$('.dt2 img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_up.png');
    	}
    	cut2 = !cut2
    	cut1 = true;
    	
    	var text = $(this).text();
        $('.selectText').html(text);
    });
    //常见问题下拉单 内容
    var cut5 = false;
    $('.dd2 span').on('click',function(){
    	$('.dt2 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png');
    	 
    	var text = $(this).text();
        $('.selectText').html(text);
    	
    	//处理footer问题  这个待处理
    	var windowH = $(window).height();
        var windowW = $(window).width();
        var bodyW = $('body').width();
//      if(cut5 == false){
//          $('footer').css({
//              "position":"static"
//          })
//      }else{
//          if(bodyW <= 750){
//              if (bodyH <= windowH) {
//                  $('footer'). css({
//                      "position":"fixed",
//                      "bottom": "0"
//                  })
//              }else{
//                  $('footer').css({
//                      "position":"static"
//                  })
//              }
//          }else{
//              $('footer').css({
//                  "position":"static"
//              })
//          }
//      }
//      bodyH = $('body').height();
//      cut5 = !cut5
    })
    
    //暂时没用
    var cut3 = false;
    $('.dt3').on('click',function(){
    	$('.dd3').siblings('dd').slideUp(100)
    	$('.dd3').siblings('dt').children('img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_down.png');
    	$('.dd3').slideToggle(100);
    	if(cut3 == false){
    		$('.dt3 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_down.png');
    	}else{
    		$('.dt3 img').attr('src','__CDN__/assets/img/helper/help_menu_icon1_up.png');
    	}
    	cut3 = !cut3
    });
    $('.dd3 span').on('click',function(){
    	 $('.dt3 img').attr('src','__CDN__/assets/img/helper/help_menu_icon2_up.png')
    })
    
    //基础教程 和 常见问题下拉，主要处理footer的定位问题
    var cut4 = false;
    var bodyH = $('body').height();
    $('dt').click(function(e){
        $('.dd').slideToggle(250);
        var windowH = $(window).height();
        var windowW = $(window).width();
        var bodyW = $('body').width();
//      if(cut4 == false){
//          $('footer').css({
//              "position":"static"
//          })
//      }else{
//          if(bodyW <= 750){
//              if (bodyH <= windowH) {
//                  $('footer'). css({
//                      "position":"fixed",
//                      "bottom": "0"
//                  })
//              }else{
//                  $('footer').css({
//                      "position":"static"
//                  })
//              }
//          }else{
//              $('footer').css({
//                  "position":"static"
//              })
//          }
//      }
//      bodyH = $('body').height();
//      cut4 = !cut4
        
        $(this).css('background-color','#357FFA');
        $(this).siblings().css('background-color','#FFFFFF');
        $(this).children('span').css('color','#FFFFFF');
        $(this).siblings().children('span').css('color','#666666');
        $(this).siblings('dd').children('span').css('background-color','#FFFFFF');
        $(this).siblings('dd').children('span').css('color','#666666');
    })
</script>